<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>AZ - Điểm Thi</title>
        <link rel="stylesheet" href="../public/css/screen.css" type="text/css" media="screen" title="default" />
        <!--  jquery core -->
        <script src="../public/js/jquery/jquery-1.8.2.js" type="text/javascript"></script>

        <!-- Custom jquery scripts -->
        <script src="../public/js/jquery/custom_jquery.js" type="text/javascript"></script>

        <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
        <script src="../public/js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(document).pngFix( );
                
                $('#btn_log_in').click(function(){
                    var username = $('#username').val();
                    var password = $('#password').val();
                    if(username != '' && password != ''){
                        $('#frm_login_az').submit();       
                     }
                });
            });
        </script>
    </head>
    <body id="login-bg"> 

        <!-- Start: login-holder -->
        <div id="login-holder">

            <!-- start logo -->
            <div id="logo-login">
    <!--		<a href="index.html"><img src="../public/images/shared/logo.png" width="156" height="40" alt="" /></a>-->
            </div>
            <!-- end logo -->

            <div class="clear"></div>

            <!--  start loginbox ................................................................................. -->
            <div id="loginbox">

                <!--  start login-inner -->
                <form id="frm_login_az" name="frm_login_az" method="POST" action="logon.php">
                    <div id="login-inner">
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <th>Username</th>
                                <td><input type="text" id="username" name="username"  class="login-inp" /></td>
                            </tr>
                            <tr>
                                <th>Password</th>
                                <td><input type="password" value="************" id="password" name="password" onfocus="this.value=''" class="login-inp" /></td>
                            </tr>
                            <tr>
                                <th></th>
                                <td valign="top"><input type="checkbox" class="checkbox-size" id="login-check" /><label for="login-check">Remember me</label></td>
                            </tr>
                            <tr>
                                <th></th>
                                <td><input type="button" class="submit-login" id="btn_log_in" /></td>
                            </tr>
                        </table>
                    </div>
                </form>
                <!--  end login-inner -->
                <div class="clear"></div>
                <a href="" class="forgot-pwd">Forgot Password?</a>
            </div>
            <!--  end loginbox -->
            <?php
            if(isset ($_GET['err']) && ($_GET['err']==1)){
                echo'<script type="text/javascript">alert("Sorry username or password not match!"); </script>';
            }    
            ?>
            <!--  start forgotbox ................................................................................... -->
            <div id="forgotbox">
                <div id="forgotbox-text">Please send us your email and we'll reset your password.</div>
                <!--  start forgot-inner -->
                <div id="forgot-inner">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <th>Email address:</th>
                            <td><input type="text" value=""   class="login-inp" /></td>
                        </tr>
                        <tr>
                            <th> </th>
                            <td><input type="button" class="submit-login"  /></td>
                        </tr>
                    </table>
                </div>
                <!--  end forgot-inner -->
                <div class="clear"></div>
                <a href="" class="back-login">Back to login</a>
            </div>
            <!--  end forgotbox -->
            <div id="error">
                   
            </div>
        </div>
        <!-- End: login-holder -->
    </body>
</html>